<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 300px;
				height: 300px;
				background: red;
				/*transition: 1s;*/
				/*display: none;*/
			}
		</style>
	</head>
	<body>
		<button>开</button>
		<div></div>
		
		<script src="../jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$("button").click(function(){
				$(this).text($(this).text()=="开"?"关":"开");
				//收起
//				$("div").slideUp();
				//展开
//				$("div").slideDown();
				
				//自动滑动效果
				$("div").slideToggle();
			})
		</script>
	</body>
</html>
